<!DOCTYPE html>
<html>
    <head id="head">
        <title id="title">Title</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
        <script src="js/code.js"></script>
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link rel="stylesheet" type="text/css" href="css/html.css">
        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <![endif]-->
        <script src="js/ajax.js"></script>
    </head>
    <body id="body" onload="">
        <header id="header">
            <h1>Header</h1>
        </header>
        <nav id="nav">
            <ul id="navul" class="navigation">
                <li class="navigation"><a href="#section1">Navigation 1</a></li>
                <li class="navigation"><a href="#section2">Navigation 2</a></li>
            </ul>
        </nav>
        <div id="content" class="content">
            <div id="sections" class="sections">
                <section id="section1">
                    <header id="sectionHeader1" class="sectionHeader">
                        <h2>Section 1</h2>
                        <p>The World Wide Web section</p>
                    </header>
                    <article id="article1">
                        <header id="articleHeader1" class="articleHeader">
                            <h3>Article 1</h3>
                            <p>The World Wide Web Article</p>
                        </header>
                        <figure>
                            <img src="http://www.w3schools.com/html/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
                            <figcaption>Fig.1 - The Pulpit Rock, Norway.</figcaption>
                        </figure>
                    </article>
                    <footer id="sectionFooter1" class="sectionFooter">
                        <p>Section Footer 1</p>
                    </footer>
                </section>
                <section id="section2">
                    <header id="sectionHeader2" class="sectionHeader">
                        <h2>Section 2</h2>
                        <p>The World Wide Web section</p>
                    </header>
                    <article id="article2">
                        <header id="articleHeader2" class="articleHeader">
                            <h3>Article 2</h3>
                            <p>The World Wide Web Article</p>
                        </header>
                        <figure>
                            <img src="http://www.w3schools.com/html/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
                            <figcaption>Fig.1 - The Pulpit Rock, Norway.</figcaption>
                        </figure>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius nisl eget ipsum vestibulum eleifend. Suspendisse imperdiet arcu vel diam aliquam dapibus. Sed id egestas nisi, a vulputate mauris. Maecenas pretium tortor a turpis pulvinar, ac lobortis magna rutrum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse posuere massa quis nunc sodales ultricies. Phasellus consequat, lacus nec auctor sodales, eros neque aliquam nibh, et scelerisque quam nisi a massa. Quisque tempor, ligula ut lobortis egestas, libero neque vehicula odio, vitae sollicitudin sapien nisi non lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at turpis vel mi scelerisque blandit consequat eu mi. Maecenas gravida justo dignissim sem interdum convallis. Donec pretium elit eget pretium laoreet. Nullam faucibus lacus rutrum, pellentesque augue sed, dapibus tortor. Sed consequat viverra augue vel ullamcorper.
                        </p>
                        <p>
                            Aenean velit ligula, fringilla non imperdiet sed, sodales quis erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer blandit vestibulum ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus eu pulvinar lorem. Sed ac urna non odio egestas mollis. Nunc a semper purus. Suspendisse quis nulla luctus, aliquet lectus a, ullamcorper sapien.
                        </p>
                        <p>
                            Nullam pulvinar pharetra sagittis. Ut vel tellus nisi. Proin sit amet magna ipsum. Nullam mattis odio ac neque sollicitudin, vitae scelerisque nisl pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut condimentum urna lacus, sed malesuada magna molestie a. Duis sit amet tellus ut turpis auctor placerat at et lacus. In elementum hendrerit ante, ac aliquet elit ornare sit amet. Morbi est tellus, cursus a eros ac, fermentum tincidunt nisi. Nulla ac aliquam sapien, non gravida erat. Ut rutrum eget diam sed hendrerit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed arcu urna, elementum a fringilla ut, elementum imperdiet est. Vivamus ornare lectus in ipsum molestie, ut tristique dolor faucibus.
                        </p>
                        <p>
                            Praesent laoreet lorem nibh, et dignissim risus posuere in. Cras non libero ac nunc luctus eleifend a sit amet est. Proin sed leo nisi. Integer nec elit sed purus porttitor eleifend. Cras ut rhoncus augue, nec pellentesque diam. Maecenas egestas tempor vestibulum. Nunc a consectetur nisl, ac blandit massa. Nam non gravida diam, tristique ultrices lectus. Etiam eu mi vel lectus lobortis condimentum. Nullam faucibus tortor leo, non eleifend augue mattis in. Vivamus imperdiet in lectus vitae viverra. Nulla sed urna vulputate, hendrerit nulla vel, interdum odio. Nulla lorem sem, blandit eget pulvinar in, mattis nec eros. Morbi volutpat porta metus sit amet tristique. Sed in quam massa.
                        </p>
                        <p>
                            Nunc dui nibh, sollicitudin non diam vitae, lacinia facilisis arcu. Suspendisse ac neque convallis, congue est sed, dignissim nisi. Donec sit amet tincidunt elit. Nullam lobortis est sit amet dolor imperdiet vehicula. Morbi laoreet sit amet massa sit amet molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras viverra dapibus tortor, non tristique nunc mattis a. Curabitur dapibus libero vitae diam consectetur porttitor. Sed ullamcorper tristique volutpat. Etiam ut rhoncus velit, pulvinar facilisis mi. Nulla facilisi.
                        </p>
                    </article>
                    <footer id="sectionFooter2" class="sectionFooter">
                        <p>Section Footer 2</p>
                    </footer>
                </section>
            </div>
            <aside id="aside">
                <h4>Hear And See Systems LLC</h4>
                <p>Company</p>
            </aside>
        </div>
        <div class="clear"></div>
        <footer id="footer">
            <p>
                <a href="http://css-validator.org/check/referer">
                    <img style="border:0;width:88px;height:31px"
                         src="http://css-validator.org/images/vcss-blue.png"
                         alt="Valid CSS!" />
                </a>
            </p>
        </footer>
    </body>
</html>

